﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Your Page Title Here</title>
    
    <!-- CSS -->
    <link href="CSS/styles.css" rel="stylesheet" type="text/css" />
    <link href="CSS/Reset.css" rel="stylesheet" type="text/css" />
    
    <!--[if IE]>
    <link href="CSS/ie.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    
    <!--[if IE 6]>
    <link href="CSS/ie6.css" rel="stylesheet" type="text/css" />
    <![endif]-->    
    
    <!-- sIFR CSS -->
    <link href="CSS/sifr.css" rel="stylesheet" type="text/css" />
    
    <!-- JS -->
    <script src="Scripts/jquery-1.2.6.js" type="text/javascript"></script>
    
    <!-- sIFR JS -->
    <script src="Scripts/sIFR/sifr.js" type="text/javascript"></script>
    <script src="Scripts/sIFR/sifr-debug.js" type="text/javascript"></script>
    <script src="Scripts/sIFR/sifr-config.js" type="text/javascript"></script>   
    
    <!-- TODO: Add in META description -->
    
    <!-- TODO: Add in META keywords -->
    
    <!-- TODO: EXAMPLE - RSS Feed -->
	<link title="RSS 2.0" type="application/rss+xml" rel="alternate" href="/news--events.aspx?alttemplate=newseventsRSS" />
    	
    <!-- TODO: EXAMPLE - Open Search -->
    <link title="My Company - Search" type="application/opensearchdescription+xml" rel="search" href="/search-results.aspx?alttemplate=OpenSearch" />	

</head>
<body>
    
    <div id="container">
        <!-- HEADER -->
        <div id="header">
            <div class="container clearfix">
                <h1 class="flashHeader left">
                    <a href="home.htm" title="&laquo; Back to Your Company Name">
                       Your Logo/Name
                    </a>
                </h1>
                <div class="right headerLinks">
                    <a href="emailAFriend.htm" class="rightArrow left">
                        Email this page to a friend
                    </a>
                    <!-- Search box -->
                    <div class="right searchBox">
                        <input type="text" />
                        <button>Search</button>
                    </div>
                </div>
            </div>            
        </div>
        
        <!-- BODY-->
        <div id="body">
            <div class="clearfix">
                <div id="sideBar" class="left">
                    <ul id="navi">
                        <li class="selected">
                            <a href="home.htm">
                                Home
                            </a>
                        </li>
                        <li>
                            <a href="about.htm">
                                About
                            </a>
                        </li>
                        <li>
                            <a href="galleryList.htm">
                                Gallery
                            </a>
                        </li>
                        <li>
                            <a href="newsList.htm">
                                News &amp; Events
                            </a>
                        </li>
                        <li>
                            <a href="contact.htm">
                                Contact
                            </a>
                        </li>
                    </ul>
                    
                    <div class="secondaryNav">
                        <h3>News &amp; Events</h3>
                        <ul class="events">
                            <li>
                                <a href="newsItem1.htm">
                                    <em>15.12.08</em>
                                    <span>
                                        Package complete
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="newsItem2.htm">
                                    <em>15.12.08</em>
                                    <span>
                                        Umbraco Meetup
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="newsItem1.htm">
                                    <em>15.12.08</em>
                                    <span>
                                        CSS workshop
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </div>                    
                </div>
                <div class="content twoCol left clearfix">
                    <!-- Two Column content -->
                    <div class="left col_1">
                        <img src="../Assets/Photos/home_photo.jpg" alt="Some girl - Photo taken by Sam Grady of G72"/>                    
                    </div>
                    <div class="left col_2">
                        <h2 class="flashHeader">
                            <strong>Sam Grady designed this for Warren Buckley.</strong> "This" idea was first created by the incredible Robert Brownjohn and
                            has been copied many times since.
                        </h2>
                        <p>
                            <strong>
                                Thank you for installing the umbraco website package created and 
                                developed by Warren Buckley. This should website package be used to 
                                help you understand how umbraco works.
                            </strong>
                        </p>
                        <p>
                            I have built this site as easily as possible with lots of comments in 
                            all code, but if you have any questions at all with this package please 
                            feel free to ask me. I can be contacted at my personal development blog 
                            at <a href="http://www.creativewebspecialist.co.uk">www.creativewebspecialist.co.uk</a>
                        </p>                        
                    </div>
                </div>
            </div>     
                        
        </div>
        
        <!-- FOOTER -->
        <div id="footer">
            <div class="container">
                <ul class="credits">
                    <li class="cws">
                        <a href="http://www.creativewebspecialist.co.uk" title="Created by Warren Buckley, a Creative Web Specialist">
                            Created by Warren Buckley
                            <span>Creative Web Specialist</span>
                        </a>
                    </li>
                    <li class="g72">
                        <a href="http://www.g72.co.uk" title="Designed by Sam Grady from G72 Creative">
                            Designed by Sam Grady
                            <span>G72 Creative</span>
                        </a>
                    </li>
                </ul>
                
                <ul class="misc">
                    <li class="rss">
                        <a href="" title="RSS Feed for xxx">
                            RSS Feed
                        </a>
                    </li>
                    <li class="valid">
                        <a href="http://validator.w3.org/check?uri=referer" title="This site validates against the W3C guidelines for valid XHTML and CSS">
                            Valid XHTML
                        </a>                    
                    </li>
                </ul>
            </div>            
        </div>    
    </div>
    
    
</body>
</html>
